<template>
	<view style="height: 100%;">
		<!-- 用户 -->
		<view v-if="stutes==0" style="height: 100%;background-color:#f6f6f6;">
			<view
				style="background-size: 100% 100%;background-repeat: no-repeat;position: relative;height: 460rpx;background-size: 100%;background-repeat: no-repeat;background-image: url(https://cdn.yowswl.com/image/admin/2023/11/06/f766f5ea73bd40cdb8f5e6201d241158k6m3n6erus.png);">
				<navbar title="个人中心" color="#fff" bgColor="linear-gradient(to right,#3b7dfb,#397cfb,#3277fc)"></navbar>
				<view
					style="position: absolute;background-color:#fff;border-radius: 20rpx;padding:20rpx 40rpx 30rpx 40rpx;bottom: -130rpx;left: 20rpx;width:84%;"
					ref="height">
					<view style="display: flex;justify-content: space-between;align-items: center;">

						<view style="display: flex;justify-content: space-between;align-items: center;">
							<image :src="userInfo.avatar" mode=""
								style="width: 130rpx;height: 130rpx;border-radius: 50%;position: absolute;top:-40rpx;left: 60rpx;border: 6rpx solid #fff;">
							</image>
							<view style="margin-left: 180rpx;">
								<view style="font-size:28rpx;color: #000;margin-bottom: 8rpx;font-weight: 650;">
									{{userInfo.nickname}}</view>
								<view style="font-size: 24rpx;color:#a6a6a6;">ID: {{userInfo.uid}}</view>
							</view>
						</view>
						<u-icon name="scan" color="#000" size="26" @click="scan()"></u-icon>
						<!-- <u-icon name="setting" color="#000" size="23" @click="goCard({url:'/pages/sub/user/setting'})"></u-icon> -->
					</view>
					<view
						style="display: flex;justify-content: space-between;align-items: center;color: #000;margin-top: 60rpx;padding:20rpx 30rpx;">
						<view style="text-align: center;" @click="goCard({url:'/pages/sub/order/index?current=1'})">
							<view style="font-size: 34rpx;font-weight: 650;">{{order.make}}</view>
							<view style="font-size: 22rpx;color:#000;margin-top: 10rpx;">已报名</view>
						</view>
						<view style="text-align: center;" @click="goCard({url:'/pages/sub/order/index?current=2'})">
							<view style="font-size: 34rpx;font-weight: 650;">{{order.running}}</view>
							<view style="font-size: 22rpx;color:#000;margin-top: 10rpx;">活动中</view>
						</view>
						<view style="text-align: center;" @click="goCard({url:'/pages/sub/order/index?current=3'})">
							<view style="font-size: 34rpx;font-weight: 650;">{{order.over}}</view>
							<view style="font-size: 22rpx;color:#000;margin-top: 10rpx;">已结束</view>
						</view>
						<view style="text-align: center;" @click="goCard({url:'/pages/sub/order/index?current=4'})">
							<view style="font-size: 34rpx;font-weight: 650;">{{order.cancel}}</view>
							<view style="font-size: 22rpx;color:#000;margin-top: 10rpx;">已取消</view>
						</view>
					</view>
				</view>
				<view style="margin-top:440rpx;"></view>
				<view style="padding: 20rpx;border-radius: 20rpx;background-color:#fff;margin: 20rpx 20rpx 0 20rpx;">
					<view
						style="display: flex;justify-content: space-between;align-items: center;margin-bottom: 30rpx;">
						<view style="color: #000;font-size: 30rpx;font-weight: 650;">会议记录</view>
						<view style="display: flex;align-items: center;"
							@click="goCard({url:'/pages/sub/store/screen'})">
							<view style="color:#a6a6a6; font-size: 24rpx;margin-right: 4rpx;">查看更多</view>
							<u-icon name="arrow-right" color="#a6a6a6" size="14"></u-icon>
						</view>
					</view>
					<scroll-view :scroll-x="true">
						<view style="display: flex;align-items: center;justify-content: space-between;"
							v-if="meeting.length!=0">
							<view v-for="(item,index) in meeting" :key="index" style="margin-right: 20rpx;"
								@click="goCard({url:'/pages/sub/store/detail?id='+item.id})">
								<image :src="item.image"
									style="width:300rpx;border-radius: 20rpx 20rpx 0 0;display: block;height: 300rpx;">
								</image>
								<view
									style="background-color: #f6f6f6;border-radius: 0 0 20rpx 20rpx;padding:20rpx;width: 260rpx;">
									<view
										style="font-size: 28rpx;overflow:hidden;width: 260rpx;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;word-break: break-all;height: 72rpx;">
										{{item.name}}</view>
									<view
										style="display: flex;justify-content: space-between;align-items: center;margin-top: 10rpx;">
										<view style="font-size: 20rpx;color:#a6a6a6;padding: 10rpx 0;">
											{{item.beginTime}}</view>
										<view style="font-size: 20rpx;color:#a6a6a6;padding: 10rpx 0;">{{item.city}}
										</view>
									</view>
								</view>
							</view>
						</view>
						<!-- <view class="" v-else>
						 <u-empty
						         mode="list"
						         icon="http://cdn.uviewui.com/uview/empty/list.png"
						 		text='暂无会议记录'
						 >
						 </u-empty>
					 </view> -->
					</scroll-view>
				</view>
				<view
					style="background-color: #fff;border-radius: 20rpx;padding:0 30rpx;margin: 30rpx 20rpx 50rpx 20rpx;">
					<view v-for="(item,index) in userfun" :key="index" @click="goCard(item)">
						<view class="fun" v-if="item.url!='customer'">
							<view style="display: flex;align-items: center;">
								<image :src="item.image" mode=""
									style="width: 48rpx;height: 48rpx;margin-right: 10rpx;"></image>
								<view style="color: #000;font-size: 26rpx;">{{item.title}}</view>
							</view>
							<u-icon name="arrow-right" color="#c3c1c1" size="16"></u-icon>
						</view>
						<view v-else>
							<button open-type="contact" class="btn" @click="goCard(item.url)">
								<view style="display: flex;align-items: center;">
									<image :src="item.image" mode=""
										style="width: 48rpx;height: 48rpx;margin-right: 10rpx;"></image>
									<view style="color: #000;font-size: 26rpx;">{{item.title}}</view>
								</view>
								<u-icon name="arrow-right" color="#c3c1c1" size="16"></u-icon>
							</button>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 服务商 -->
		<view v-if="stutes==1" style="height: 100%;background-color:#f6f6f6;overflow: scroll;">
			<navbar title="个人中心" color="#fff" bgColor="linear-gradient(to right,#3b7dfb,#397cfb,#3277fc)"></navbar>
			<view
				style="background-size: 100%;background-repeat: no-repeat;background-image: url(https://cdn.yowswl.com/image/admin/2023/11/06/f766f5ea73bd40cdb8f5e6201d241158k6m3n6erus.png);height: 260rpx;position: relative;">
				<view style="display: flex;justify-content: space-between;align-items: center;padding:0 30rpx;">
					<view style="display: flex;align-items: center;">
						<image :src="userInfo.avatar" mode="" style="width: 120rpx;height: 120rpx;border-radius: 50%;">
						</image>
						<view style="margin-left: 20rpx;">
							<view style="font-size:28rpx;color:#fff;margin-bottom: 16rpx;">{{userInfo.nickname}}</view>
							<view style="font-size: 24rpx;color: #fff;">ID: {{userInfo.uid}}</view>
						</view>
					</view>
					<view style="display: flex;align-items: center;">
						<view style="margin-right: 60rpx;">
							<u-icon name="scan" color="#fff" size="26" @click="scan()"></u-icon>
						</view>

					</view>
				</view>
				<view style="position: absolute;top:62%;left:20rpx;width: 95%;">
					<view style="padding: 20rpx 30rpx;background-color: #fff;border-radius: 20rpx;">
						<view
							style="display: flex;justify-content: space-between;align-items: center;color: #000;margin-top: 20rpx;padding:20rpx 0;">
							<view style="text-align: center;" @click="goCard({url:'/pages/sub/order/index?current=1'})">
								<view style="font-size: 34rpx;font-weight: 650;">{{order.make}}</view>
								<view style="font-size: 22rpx;color:#c3c1c1;margin-top: 10rpx;">已报名</view>
							</view>
							<view style="text-align: center;" @click="goCard({url:'/pages/sub/order/index?current=2'})">
								<view style="font-size: 34rpx;font-weight: 650;">{{order.running}}</view>
								<view style="font-size: 22rpx;color:#c3c1c1;margin-top: 10rpx;">活动中</view>
							</view>
							<view style="text-align: center;" @click="goCard({url:'/pages/sub/order/index?current=3'})">
								<view style="font-size: 34rpx;font-weight: 650;">{{order.over}}</view>
								<view style="font-size: 22rpx;color:#c3c1c1;margin-top: 10rpx;">已结束</view>
							</view>
							<view style="text-align: center;" @click="goCard({url:'/pages/sub/order/index?current=4'})">
								<view style="font-size: 34rpx;font-weight: 650;">{{order.cancel}}</view>
								<view style="font-size: 22rpx;color:#c3c1c1;margin-top: 10rpx;">已取消</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view style="padding: 20rpx;">
				<view style="margin: 90rpx 0 30rpx 0;">
					<image :src="vip" mode="widthFix" style="width: 100%;display:block;"
						@click="goCard({url:'/pages/sub/user/recharge'})"></image>
				</view>
				<view style="padding: 30rpx 40rpx;background-color: #fff;border-radius: 20rpx;margin-top: 30rpx;">
					<view style="color: #000;font-size: 28rpx;padding-bottom: 20rpx;font-weight: 650;">我的功能</view>
					<view style="display: flex;justify-content: space-between;align-items: center;margin-top: 20rpx;">
						<view v-for="(item,index) in fun1" :key="index" style="text-align: center;"
							@click="goCard(item)">
							<image :src="item.image"
								style="display:inline-block;width: 80rpx;height: 80rpx;margin-bottom: 10rpx;"></image>
							<view style="font-size: 22rpx;color: #000;">{{item.title}}</view>
						</view>
					</view>
				</view>
				<view style="background-color: #fff;border-radius: 20rpx;padding:20rpx 30rpx;margin: 30rpx 0 0 0;">
					<view v-for="(item,index) in fun" :key="index" @click="goCard(item)">
						<view class="fun" v-if="item.url!='customer'">
							<view style="display: flex;align-items: center;">
								<image :src="item.image" mode=""
									style="width: 48rpx;height: 48rpx;margin-right: 10rpx;"></image>
								<view style="color: #000;font-size: 26rpx;">{{item.title}}</view>
							</view>
							<u-icon name="arrow-right" color="#c3c1c1" size="16"></u-icon>
						</view>
						<view v-else>
							<button open-type="contact" class="btn" @click="goCard(item.url)">
								<view style="display: flex;align-items: center;">
									<image :src="item.image" mode=""
										style="width: 48rpx;height: 48rpx;margin-right: 10rpx;"></image>
									<view style="color: #000;font-size: 26rpx;">{{item.title}}</view>
								</view>
								<u-icon name="arrow-right" color="#c3c1c1" size="16"></u-icon>
							</button>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 官方 -->
		<view v-if="stutes==2" style="height: 100%;background-color:#f6f6f6;overflow: scroll;">
			<navbar title="个人中心" color="#fff" bgColor="linear-gradient(to right,#3a7cfc,#3277fc,#3277fc)"></navbar>
			<view
				style="background-size: 100%;background-repeat: no-repeat;background-image: url(https://cdn.yowswl.com/image/admin/2023/11/06/f766f5ea73bd40cdb8f5e6201d241158k6m3n6erus.png);height: 260rpx;">
				<view style="display: flex;justify-content: space-between;align-items: center;padding:0 30rpx;">
					<view style="display: flex;align-items: center;">
						<image :src="userInfo.avatar" mode="" style="width: 120rpx;height: 120rpx;border-radius: 50%;">
						</image>
						<view style="margin-left: 20rpx;">
							<view style="font-size:28rpx;color:#fff;margin-bottom: 16rpx;">{{userInfo.nickname}}</view>
							<view style="font-size: 24rpx;color: #fff;">ID: {{userInfo.uid}}</view>
						</view>
					</view>
					<view style="display: flex;align-items: center;">
						<view style="margin-right: 60rpx;">
							<u-icon name="scan" color="#fff" size="26" @click="scan()"></u-icon>
						</view>

					</view>
				</view>
			</view>
			<view style="padding: 20rpx;position: absolute;top: 22%;left: 0;width: 94%;">
				<view style="padding: 20rpx 30rpx;background-color: #fff;border-radius: 20rpx;">
					<view
						style="display: flex;justify-content: space-between;align-items: center;color: #000;margin-top: 20rpx;padding:20rpx 0;">
						<view style="text-align: center;" @click="goCard({url:'/pages/sub/order/index?current=1'})">
							<view style="font-size: 34rpx;font-weight: 650;">{{order.make}}</view>
							<view style="font-size: 22rpx;color:#c3c1c1;margin-top: 10rpx;">已报名</view>
						</view>
						<view style="text-align: center;" @click="goCard({url:'/pages/sub/order/index?current=2'})">
							<view style="font-size: 34rpx;font-weight: 650;">{{order.running}}</view>
							<view style="font-size: 22rpx;color:#c3c1c1;margin-top: 10rpx;">活动中</view>
						</view>
						<view style="text-align: center;" @click="goCard({url:'/pages/sub/order/index?current=3'})">
							<view style="font-size: 34rpx;font-weight: 650;">{{order.over}}</view>
							<view style="font-size: 22rpx;color:#c3c1c1;margin-top: 10rpx;">已结束</view>
						</view>
						<view style="text-align: center;" @click="goCard({url:'/pages/sub/order/index?current=4'})">
							<view style="font-size: 34rpx;font-weight: 650;">{{order.cancel}}</view>
							<view style="font-size: 22rpx;color:#c3c1c1;margin-top: 10rpx;">已取消</view>
						</view>
					</view>
				</view>
				<view style="padding: 30rpx 40rpx;background-color: #fff;border-radius: 20rpx;margin-top: 30rpx;">
					<view style="color: #000;font-size: 28rpx;padding-bottom: 20rpx;font-weight: 650;">我的功能</view>
					<view style="display: flex;justify-content: space-between;align-items: center;margin-top: 20rpx;">
						<view v-for="(item,index) in official" :key="index" style="text-align: center;"
							@click="goCard(item)">
							<image :src="item.image"
								style="display:inline-block;width: 80rpx;height: 80rpx;margin-bottom: 10rpx;"></image>
							<view style="font-size: 22rpx;color: #000;">{{item.title}}</view>
						</view>
					</view>
				</view>
				<view style="background-color: #fff;border-radius: 20rpx;padding:0 30rpx;margin: 30rpx 0 ;">
					<view v-for="(item,index) in tool" :key="index" @click="goCard(item)">
						<view class="fun" v-if="item.url!='customer'">
							<view style="display: flex;align-items: center;">
								<image :src="item.image" mode=""
									style="width: 48rpx;height: 48rpx;margin-right: 10rpx;"></image>
								<view style="color: #000;font-size: 26rpx;">{{item.title}}</view>
							</view>
							<u-icon name="arrow-right" color="#c3c1c1" size="16"></u-icon>
						</view>
						<view v-else>
							<button open-type="contact" class="btn" @click="goCard(item.url)">
								<view style="display: flex;align-items: center;">
									<image :src="item.image" mode=""
										style="width: 48rpx;height: 48rpx;margin-right: 10rpx;"></image>
									<view style="color: #000;font-size: 26rpx;">{{item.title}}</view>
								</view>
								<u-icon name="arrow-right" color="#c3c1c1" size="16"></u-icon>
							</button>
						</view>
					</view>
				</view>
			</view>
		</view>











		<notify ref="notify" :tmplId="['txnq7kx2wyIG36td6XC-hXzZb6uPRq5CD_tFDvfxPzI']" v-if='notShow' />
		<u-popup :show="show">
			<view style="margin: 30rpx;">
				<view style="display: flex;align-items: center;">
					<image src="/static/images/logo.png" mode="" style="width: 80rpx;height: 80rpx;"></image>
					<view style="margin-left: 10rpx;">
						<view>
							获取微信头像和用户昵称
						</view>
						<view style="font-size: 22rpx;color: #d1d1d1;">99%+用户选择使用微信头像和昵称便于发货</view>
					</view>
				</view>
				<view>
					<button open-type="chooseAvatar" width="150rpx" class="btn1" @chooseavatar="getAvatar">
						<view
							style="border-radius: 50%;background-color: #59ef7d;width:50rpx;text-align: center;position: absolute;top: 94rpx;left: 90rpx;z-index: 1000;">
							<u-icon name="camera-fill" color="#fff" size="24"></u-icon>
						</view>
						<view style="width: 140rpx;height: 140rpx;">
							<u-image width="140rpx" height="140rpx" :src="avatar" shape="circle"
								style="border: 4.17rpx solid rgba(255, 255, 255, 1);">
								<view slot="error" style="font-size: 24rpx;">加载失败</view>
							</u-image>
						</view>
					</button>
					<view
						style="width: 400rpx;background-color: #eee;border-radius: 20rpx;margin-left: 136rpx;margin-top: 40rpx;padding: 10rpx;">
						<input v-model="name" type="nickname" @change="changeName" placeholder="点击获取昵称"
							style="width: 200rpx;margin: auto;text-align: center;" />
					</view>
					<view
						style="width: 400rpx;background-color: #24d96f;border-radius: 20rpx;margin-left: 136rpx;margin-top: 20rpx;padding: 10rpx;text-align: center;color: #fff;"
						@tap="save()">
						立即保存
					</view>
					<view
						style="display: flex;font-size: 22rpx;margin-top: 20rpx;margin-left: 150rpx;align-items: center;">
						<u-checkbox-group>
							<u-checkbox v-model="checked" shape="circle" @change="check"></u-checkbox>
						</u-checkbox-group>
						<view style="margin-right: 4rpx;">
							已阅读协议
						</view>
						<view @tap="goInfo('user_agreement')" style="color:#3A62D7 ;margin-left: -4rpx;">用户协议 ,
						</view>
						<view @tap="goInfo('privacy_agreement')" style="color:#3A62D7 ;margin-left: 4rpx;">隐私协议
						</view>
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import navbar from '@/components/baseNavbar.vue'
	import {
		pathToBase64,
		base64ToPath
	} from '@/js_sdk/mmmm-image-tools/index.js'
	import notify from '@/components/notify.vue'
	import {
		goNav
	} from '@/lib/Comment.js'
	import {
		getuserCount,
		getuserSign
	} from "@/api/make.js"
	import {
		getConfig,
		getGroupValue
	} from "@/api/public.js"
	import {
		saveUserInfo
	} from "@/api/user.js"
	import {
		HTTP_REQUEST_URL,
		HEADER,
		STATIC_URL
	} from '@/config/app';
	import {
		getIndexList,
		getChildList
	} from "@/api/make.js"
	export default {
		components: {
			navbar,
			notify,
		},
		data() {
			return {
				show: false,
				bg: 'https://ymjcos.weimahl.com/image/admin/2023/09/11/9da066e76a844363ab8f4acffe08e4d4ge9qsrlz2q.png',
				vip: '',
				top: false,
				name: '',
				notShow: false,
				order: {},
				tool: [],
				official: [],
				userfun: [],
				fun: [],
				fun1: [],
				avatar: "/static/images/tou.png",
				checked: false,
				defname: '',
				orderList: {},
				stutes: 2,
				page: {
					limit: 10,
					page: 1,
					statue: 2,
					load: true
				},
				meeting: [],
				userInfo: {
					avatar: '',
					isFirst: 1,

				},
			}
		},

		onLoad() {
			getConfig('default_nickname').then(res => {
				this.defname = res.data.value
				console.log('昵称', this.defname);
			})
			this.resetmList()
			getConfig('user_vip_image').then(res => {
				this.vip = res.data.value
				console.log('昵称', this.defname);
			})
			getGroupValue("user_order_menu_group").then(res => {
				this.$set(this, 'orderList', res.data)
			})
			getGroupValue('user_menu_group_official').then(res => {
				console.log('111', res);
				this.official = res.data
			})
			getGroupValue('user_menu_group_official1').then(res => {
				console.log('111', res);
				this.tool = res.data
			})
			getGroupValue('user_menu_group').then(res => {
				console.log('1112', res);
				this.userfun = res.data
			})
			getGroupValue('user_menu_group_business').then(res => {
				console.log('1112222222', res);
				this.fun = res.data
			})
			getGroupValue('user_menu_group_business1').then(res => {
				console.log('1112222222', res);
				this.fun1 = res.data
			})
		},
		onShow() {
			let that = this
			this.$store.dispatch("USERINFO", true).then((res) => {
				that.userInfo = res
				that.stutes = res.type
				console.log("ava", that.stutes);
				let avatart = res.avatar.substring(0, 7)
				console.log("11111", avatart);
				if (res.nickname == this.defname || res.nickname == '' || res.avatar == '') {
					this.show = true
				}
			});
			getuserCount().then(res => {
				console.log('111', res);
				this.order = res.data
			})
		},
		computed: {
			head() {
				let token = this.$store.state.app.token;
				let head = {};
				head["Authori-zation"] = token;
				//head["Content-Type"] = "multipart/form-data"
				return head;
			},
			action() {
				return HTTP_REQUEST_URL + "/upload/image"
			},
		},

		methods: {
			resetmList() {
				this.page.page = 1
				this.meeting = []
				this.getmList()
			},
			getmList() {
				if (!this.page.load) {
					return;
				}
				this.page.load = false;
				getIndexList(this.page).then(res => {
					this.page.page++
					this.meeting = this.meeting.concat(res.data.list)
					console.log('11', this.meeting);
					this.page.load = true
				})

			},
			scan() {
				uni.scanCode({
					scanType: ["qrCode"],
					needResult: 1,
					success: (res) => {
						console.log('草莓', res.result);
						if (res.result) {
							const val = res.result;
							getuserSign({
								orderId: val
							}).then(res => {
								if (res.code == 200) {
									uni.showToast({
										title: '签到成功',
										icon: 'none'
									})
								} else if (res.code == 500) {
									uni.showToast({
										title: res.message,
										icon: 'none'
									})
								}
							})
						} else {
							console.log('请重新扫描');
							return false;
						}
					},
					fail: (res) => {
						console.log('未识别到二维码');
					}
				})
			},
			save() {
				console.log('avatar', this.avatar);
				if (this.checked) {
					saveUserInfo({
						nickname: this.name,
						avatar: this.avatar,
					}).then(res => {
						if (res.code == 200) {
							uni.showToast({
								title: "保存成功",
								icon: 'none'
							})
							this.$store.dispatch("USERINFO", true).then((res) => {
								this.userInfo = res
							});
							this.show = false
						}
					})
				} else {
					uni.showToast({
						title: "请先勾选协议",
						icon: 'error'
					})
				}
			},
			check() {
				this.checked = !this.checked;
				console.log("11111111", this.checked);
			},
			getAvatar(e) {
				this.avatar = e.detail.avatarUrl
				pathToBase64(this.avatar)
					.then(res => {
						this.avatar = res
						base64ToPath(this.avatar)
							.then(path => {
								this.avatar = path
								this.uploadFilePromise(this.avatar)
							})

					})
			},

			changeName(val) {
				console.log('e', val, val.detail.value)
				this.name = val.detail.value

			},
			notify() {
				console.log('>>.')
				this.notShow = true
				this.$refs['notify'].subscribeMessage()
			},
			uploadFilePromise(url) {
				let a = this.action
				let head = this.head
				console.log("上传》》》", url)
				return new Promise((resolve, reject) => {
					uni.uploadFile({
						url: a, // 仅为示例，非真实的接口地址
						filePath: url,
						header: head,
						name: 'file',
						success: (res) => {
							let obj = JSON.parse(res.data)
							console.log("chengg>>>", obj)
							console.log("url", obj.data)
							this.avatar = STATIC_URL + obj.data.url
							// resolve(res.data)

						},
						fail: (err) => {
							console.log("失败》》", err)
						}
					});
				})
			},
			goCard(item) {
				if (item.appid) {
					uni.navigateToMiniProgram({
						appId: item.appid,
						path: item.url,
						envVersion: 'release'
					})
				} else {
					goNav(item.url)
				}

			},
		}
	}
</script>
<style lang="scss">
	page {
		height: 115%;

	}
</style>
<style scoped lang="scss">
	.fun {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 30rpx 0;


	}

	.user {
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;
		padding: 40rpx;
		border-radius: 20rpx;
		height: 300rpx;

		.btn2 {
			font-size: 22rpx;
			font-weight: 650;
			width: 123rpx;
			height: 120rpx;
			position: absolute;
			top: 50px;
			right: 42px;
			padding: 10rpx 20rpx;
			border-radius: 20rpx;
		}
	}

	.list-wrapper {
		column-count: 2;
		column-gap: 20rpx;
	}

	.item {
		margin-bottom: 20rpx;
		break-inside: avoid;
	}

	.label-item {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;

	}

	.label1 {
		font-size: 22rpx;
		color: #cc4b67;
		text-align: left;
		vertical-align: top;
		margin-top: 20rpx;
		line-height: 40.83rpx;
		border: 2rpx solid #cc4b67;
		padding: 0 10rpx;
		margin-right: 10rpx;
	}

	.btn1 {
		background-color: #FFFFFF;
		border-radius: 0;
		margin-top: 20rpx;
		line-height: 60rpx;
		font-size: 26rpx;
		margin-left: 40%;
		width: 100%;
		box-sizing: inherit;
		position: relative;
		padding: 0rpx;
	}

	.btn1::after {
		border: none;
	}

	.menu_item {
		text-align: center;
		line-height: 60rpx;
		font-size: 24rpx;
	}

	.head {

		background: linear-gradient(180deg, #FCD363 40%, #FFFFFF 100%);
		min-height: 350rpx;
		padding-bottom: 20rpx;

	}

	.head-1 {
		line-height: 50rpx;
		color: rgba(41, 39, 33, 1);
		letter-spacing: 0.9rpx;
		font-size: 33.33rpx;
		font-weight: 700;
	}




	.head-item {
		line-height: 50rpx;
		text-align: center;
		font-size: 28rpx;
	}




	.menu {
		padding: 20rpx 0;
		font-size: 28rpx;
		background-color: #FFFFFF;
		margin-bottom: 20rpx;
		border-radius: 30rpx;
		box-shadow: 0rpx 4.17rpx 6.25rpx rgba(0, 0, 0, 0.04);
	}

	.menu-1 {
		margin-top: 20rpx;
		flex-wrap: wrap;
	}

	.babge {
		text-align: right;
		height: 30rpx;
	}

	.btext {
		margin-left: 65rpx;
		background-color: #d12525;
		border-radius: 50%;
		display: block;
		line-height: 30rpx;
		width: 30rpx;
		text-align: center;
		color: #FFFFFF;
		font-size: 12rpx;
	}

	.menu-title {
		padding: 0 20rpx;
		line-height: 60rpx;
		margin-bottom: 30rpx;
	}



	.label {
		font-size: 28rpx;
		margin-right: 20rpx;
		line-height: 50rpx;
		background-color: rgba(122, 122, 122, 0.5);
		padding: 0 15rpx;
		border-radius: 30rpx;
		margin-bottom: 10rpx;
	}

	.head-2 {
		height: 110rpx;
		margin: 40rpx 20rpx 0 20rpx;
		background-color: #101010;
		border-radius: 20rpx;
		font-size: 30rpx;
	}

	.tol {
		background-color: #FFFFFF;
		color: #000000;
		font-size: 30rpx;
		margin: 0 20rpx;
		height: 110rpx;
		border-radius: 0rpx 0rpx 20rpx 20rpx;
	}

	.title {
		line-height: 60rpx;
		padding-left: 20rpx;
	}

	.bor {
		color: #CB881F;
		background-image: url('../../static/images/bor.png');
		text-align: center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		line-height: 50rpx;
		margin-top: 10rpx;
		letter-spacing: 0.5rpx;
		font-size: 20.83rpx;
		font-weight: 700;

	}

	.price {
		color: rgba(0, 0, 0, 1);
		letter-spacing: 0.9rpx;
		font-size: 30rpx;
		font-weight: bold;

	}

	.center {
		background-color: #FFFFFF;
		line-height: 140rpx;
		height: 140rpx;
		padding: 0 20rpx;
		box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.04);
		border-radius: 20rpx;
		margin: 0 20rpx;
	}



	.text-1 {
		color: rgba(3, 0, 0, 1);
		letter-spacing: 0.6rpx;
		font-size: 26rpx;
		font-weight: 650;
	}

	.btn {
		background-color: transparent;
		border-radius: 0;
		line-height: 60rpx;
		font-size: 26rpx;
		width: 100%;
		box-sizing: inherit;
		padding: 0rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 30rpx 0;
	}

	.btn::after {
		border: none;
	}

	.btn2 {
		background-color: transparent;
		padding: 0;
		width: 140rpx;
		height: 110rpx;
		line-height: 40rpx;
		text-align: center;
	}

	.btn2::after {
		border: none;
	}
</style>